$white: #FFFFFF;
$bgColor: #f5f5f5;
$mainColor: var(--main-color);
$yellowColor: var(--yellow-color);
$redColor: var(--red-color);

@mixin search-view {
	padding: 0 32rpx 0 32rpx;
	.search-box {
		padding: 0 24rpx;
		height: 100rpx;
		border-radius: 16rpx;
		background-color: #FFFFFF;
		.scan-img {
			width: 40rpx;
			height: 40rpx;
			margin: auto 0;
		}
		.search-input {
			flex: 1;
			margin: 0 16rpx 0 20rpx;
			font-size: 44rpx;
			font-weight: bold;
			height: 100rpx;
			line-height: 100rpx;
		}
		.input-placeholder {
			font-size: 44rpx;
			color: #999999;
		}
		.re-scan {
			font-size: 44rpx;
			color: var(--btn-color);
			line-height: 100rpx;
		}
	}
}

@mixin goods-list {
	.goods-item {
		margin: 32rpx;
		padding: 28rpx;
		border-radius: 16rpx;
		background-color: #FFFFFF;
		border: 4rpx solid #FFFFFF;
		line-height: 60rpx;
		&:first-child {
			margin-top: 16rpx;
		}
		.goods-header {
			font-size: 40rpx;
			line-height: 44rpx;
			.goos-info {
				flex: 1;
				font-weight: bold;
			}
			.goods-number {
				font-weight: bold;
				width:180rpx;
			}
			.scan-number {
				color: var(--btn-color);
			}
		}
		
		.goods-row {
			margin-top: 12rpx;
			.goods-unit {
				color: #999999;
				font-size: 36rpx;
			}
		}
		
		.goods-footer {
			font-size: 36rpx;
			font-weight: bold;
			color: #333333;
			margin-top: 24rpx;
		}
		
	}
	.goods-active {
		border: 4rpx solid var(--btn-color);
		background-color: rgba(25, 131, 248, 0.1)
	}
}

@mixin footer-btn {
	position: fixed;
	bottom: 0;
	left:0;
	width: 100%;
	background-color: #F5F5F5;
	z-index: 999;
	.common-btn {
		flex: 1;
		margin: 32rpx;
		font-size: 32rpx;
		height: 90rpx;
		border-radius: 16rpx;
		background-color: $mainColor;
		color: #FFFFFF;
		text-align: center;
		justify-content: center;
		line-height: 90rpx;
	}
	.yellow-btn {
		@extend .common-btn;
		background-color: $yellowColor;
	}
	.white-btn {
		@extend .common-btn;
		background-color: #FFFFFF;
		color: #333333;
	}
	.common-dashed-btn {
		@extend .common-btn;
		border: 1rpx dashed $mainColor;
		background-color: $bgColor;
		color: $mainColor;
	}
	.common-solid-btn {
		@extend .common-btn;
		border: 1rpx solid $mainColor;
		background-color: $bgColor;
		color: $mainColor;
	}
	.full-btn {
		height: 90rpx;
		line-height: 90rpx;
		background-color: $mainColor;
		color: #FFFFFF;
		text-align: center;
		justify-content: center;
	}
	.btn-gary {
		opacity: 0.4;
	}
}